<template>
  <div class="step_container">
    <!-- 步骤一 -->
    <div class="step_box">
      <div class="step_tit">
        <span class="step_no">3</span>
        <span>邮箱验证</span>
      </div>
      <div class="step_desc font_color">
        <p>若您丢失了手机，此密钥可用来恢复您的身份验证器，否则客服帮您重置谷歌验证器至少需要7天。</p>
      </div>
    </div>
    <!-- 温馨提示 -->
    <div class="notice_box">
      <div>将密钥备份后保存在安全位置</div>
      <div>
        <img src="@/assets/profile/security/save_img.png" alt="" />
      </div>
      <div>{{ secretKey }}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted,ref } from 'vue';

// 密钥
const secretKey = ref()

onMounted(()=>{
  secretKey.value = sessionStorage.getItem("key") || ""
})
</script>

<style lang="scss" scoped></style>
